import React from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { Types } from 'phaser';

import GameWrapper from '@/components/GameWrapper';
import TetrisLikeScene from '@/pages/game/TetrisLike/scenes';
import TetrisLikeMainScene from '@/pages/game/TetrisLike/scenes/main';

const config: Types.Core.GameConfig = {
  width: 672,
  height: 672,
  backgroundColor: '#000',
  scene: [TetrisLikeScene, TetrisLikeMainScene],
};

const TetrisLikeGame: React.FC<{}> = () => {
  return (
    <PageHeaderWrapper title={false}>
      <GameWrapper config={config} />
    </PageHeaderWrapper>
  );
};

export default TetrisLikeGame;
